<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 300px;
			}
			h2{
				font-size:18px;
				font-weight:bold;
				color: white;
				text-indent:1em;
				line-height:35px;
				background: linear-gradient(to bottom, #0467AC,#63A7D6,#B6DBF5);
			}
			ul h3{
				background: linear-gradient(to top, #B6DBF5,#B6DBF5,#B6DBF5);
			}
			h3 a{
				font-size:14px;
				text-decoration:none;
				color: #0565C6;
				line-height:30px;
			}
			h3 a:hover{
				color: #F60;
				text-decoration:underline;
			}
			li a{
				font-size:12px;
				text-decoration:none;
				color:#666666;
			}
			li a:hover{
				color: #F60;
				text-decoration:underline;
			}
			li{
				list-style-type: none;
			}
		</style>
	</head>
	<body>
	<div>
		<h2>家用电器</h2>
		<ul>
			<h3><a href="#">大家电</a></h3>
			<li><a href="#">平板电视</a>&nbsp;&nbsp;&nbsp;<a href="#">洗衣机</a>&nbsp;&nbsp;&nbsp;<a href="#">冰箱</a>
			<li><a href="#">空调</a>&nbsp;&nbsp;&nbsp;<a href="#">烟机/灶具</a>&nbsp;&nbsp;&nbsp;<a href="#">热水器</a>
			<li><a href="#">冷柜/酒柜</a>&nbsp;&nbsp;&nbsp;<a href="#">消毒柜</a>&nbsp;&nbsp;&nbsp;<a href="#">家庭影院</a>
		</ul>
		<ul>
			<h3><a href="#">生活电器</a></h3>
			<li><a href="#">电风扇</a>&nbsp;&nbsp;&nbsp;<a href="#">净化器</a>&nbsp;&nbsp;&nbsp;<a href="#">吸尘器</a>
			<li><a href="#">净水设备</a>&nbsp;&nbsp;&nbsp;<a href="#">挂烫机</a>&nbsp;&nbsp;&nbsp;<a href="#">电话机</a>
		</ul>
		<ul>
			<h3><a href="#">厨房电器</a></h3>
			<li><a href="#">榨汁机</a>&nbsp;&nbsp;&nbsp;<a href="#">电压力锅</a>&nbsp;&nbsp;&nbsp;<a href="#">电饭煲</a>
			<li><a href="#">豆浆机</a>&nbsp;&nbsp;&nbsp;<a href="#">微波炉</a>&nbsp;&nbsp;&nbsp;<a href="#">电磁炉</a>
		</ul>
		<ul>
			<h3><a href="#">五金家装</a></h3>
			<li><a href="#">淋浴/水槽</a>&nbsp;&nbsp;&nbsp;<a href="#">电动工具</a>&nbsp;&nbsp;&nbsp;<a href="#">手动工具</a>
			<li><a href="#">仪器仪表</a>&nbsp;&nbsp;&nbsp;<a href="#">浴霸/排气</a>&nbsp;&nbsp;&nbsp;<a href="#">灯具</a>
		</ul>
	</div>
	</body>
</html>
